<template>
  <div class="sport">
    <Topnav :list='list'/>
    <span class="icon iconfont icon-magnifier"></span>
    <router-view></router-view>
   <Nav/>
  </div>
</template>

<script>
import Nav from '../components/Nav/Nav'
import Topnav from '../components/Nav/Topnav'

export default {
  name: 'home',
  components: {
    Nav,
    Topnav
  },
  data() {
    return {
      list:[
        {
          title:'训练',
          path:'/sport/training'
        },
         {
          title:'教练',
          path:'coach'
        },
         {
          title:'课程',
          path:'course'
        },
         {
          title:'素材',
          path:'material'
        }
      ]
    }
  },
  mounted() {
    
  },
}
</script>
<style lang='less' scoped>
@color: rgb(254, 217, 6);
.sport {
  position: relative;
  .icon {
    color: aliceblue;
    font-size: 0.4rem;
    position: absolute;
     top: 0.25rem;
    right:0.3rem;
  }
}
</style>